*{
    padding: 0;
    margin: 0;
    background-repeat: no-repeat;
}
body {
    background-color: #fff;
    font-family: 'microsoft yahei';
}
.section{
    opacity: 0;
}
.section.active{
    opacity: 1;
}
ul, ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

a {
    text-decoration: none;
}
.nav{
    width:1250px;
    margin: 0 auto;
}
.lf{
    float: left;
}
.rt{
    float: right;
}
.section .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../images/website2/big-background.jpg);
    background-size: cover;
}
.section .content{
    position: relative;
    left: 0;
    right:0;
    bottom:0;
    top: 0;
    width: 53%;
    height: 100%;
    margin: 0 auto;
    padding-top: 7.0196%;
    min-width: 947px;
}
.section .content .section-title{
    text-align: center;
    font-weight: 400;
    font-size: 40px;
    color: #333;
}
.section .content .subheading{
    font-size: 18px;
    color:#999;
    padding-top: 16px;
    text-align: center;
}
.active .subheading{
    animation-name:zoomIn;
}
.section2,.section4,.section6,.section8{
    background-color: #fff;
}
.section3,.section5,.section7{
    background-color: #f5f5f5;
}
.section9{
    background-color:#2a9afc;
}
/*.section2 .content{*/
    /*background-color: red;*/
/*}*/
/*.section3 .content{*/
    /*background-color: green;*/
/*}*/
/*.section4 .content{*/
    /*background-color:yellow;*/
/*}*/
/*.section5 .content{*/
    /*background-color: green;*/
/*}*/
/*.section6 .content{*/
    /*background-color: #000000;*/
/*}*/
/*.section7 .content{*/
    /*background-color: #c0c0c0;*/
/*}*/
/*.section9 .content{*/
    /*background-color: #0000ff;*/
/*}*/
.section .bg img {
    display: block;
    width: 100%;
    height: 100%;
}
.nav .lf ul li,.nav .rt ul li{
    float: left;
    height:64px;
    line-height: 64px;
}
.clear:after{
    content: '';
    display: block;
    clear: both;
}
.header{
    background-color: #e8e9eb;
    position: fixed;
    top:0;
    left:0;
    right:0;
    z-index: 999;
}
.header-logo{
    vertical-align: middle;

}
.header-title{
    padding:0 26px 0 17px;
    font-size: 24px;
    font-weight: 500;
    color: #000;
}
.header-title:before{
    content: '';
    display: inline-block;
    height: 23px;
    vertical-align: middle;
    border-left: 1px solid #ccc;
    padding-right: 14px;
}
.header-desc{
    font-size: 18px;
    color:#3d3d3d;
}
.nav .rt ul li a{
    font-size: 18px;
    color:#3d3d3d;
}
.nav .rt ul li:hover a{
    font-size: 19px;
    color:#299afc;
}
.nav .rt ul li:not(.login-btn){
    padding-right: 30px;
}
.nav .rt ul li .btn-login{
    display: inline-block;
    color: #299afc;
    font-size: 16px;
    width:66px;
    height:35px;
    line-height: 35px;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #299afc;
}
/*每一屏标题加载动画*/
.active .section-title{
    animation-name:zoomIn;
}
.box ul li{
    float: left;
    padding-bottom:8.974359%;
}
.box ul li .iconfont{
    font-size: 110px;
}
.function-title{
    font-size: 20px;
    padding-bottom: 14px;
    color: #333;
}
.wf{
    width: 22%;
}
.mt{
    margin-top:11.568627%;
}
.wr{
    width:28%;
}
.wc{
    width:50%;
}
.af{
    text-align: left;
}
.ac{
    text-align: center;
}
.ar{
    text-align: right;
}
.mt2{
    margin-top: 10.49019%;
}
.title ul li{
    float: left;
}
.yJ_nav:before{
    margin-top: 16px;
    float: left;
}
.yJ_nav:before, .yJ_nav:after {
    content: '';
    display: inline-block;
    height: 1px;
    width: 179px;
    background-color: #cee0f4;
}
.yJ_nav .yJ0:after, .yJ_nav .yJ1:after, .yJ_nav .yJ2:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 1px;
    width: 67px;
    background-color: #cee0f4;
}
.yJ_nav li a {
    display: inline-block;
    padding: 0 20px;
    color: #3d4047;
    height: 33px;
    line-height: 33px;
    font-size: 18px;
}
.yJ_nav li a.active {
    background-color: #2f9cfd;
    border-radius: 6px;
    color: #fff;
}
.yJ_wrap ul li {
    float: left;
}
.yJ-c0 {
    margin-right: 29px;
}
.box .title ul li{
    padding-bottom: 54px;
}
.yJ_wrap ul li p {
    font-size: 18px;
    color: #3d4047;
    margin-top: 12px;
}
.yJ_wrap ul li p .iconfont {
    font-size: 32px;
    margin-right: 10px;
    margin-left: 43px;
    vertical-align: middle;
}
.active .yJ_nav{
    animation-name:zoomIn;
}
.active .yJ-c0,.active .yJ{
    animation-name:bounceInUp
}
.active .animate1{
    animation-duration:0.6s;
}
.active .animate2{
    animation-duration:1.5s;
}
.active .animate3{
    animation-duration:2s;
}
.active .animate4{
    animation-duration:2.5s;
}
.hide {
    display: none;
}
.active {
    display: block;
}
.circle{
    width:531px;
    height:527px;
    margin: 0 auto;
    background-image: url(../../images/website2/circle.png);
    background-repeat: no-repeat;
}
.mt1{
    margin-top:10.882353%;
}
.circle{
    position: relative;
}
.active .circle{
   animation-name:fadeInLeftBig;
}
.s-logo{
    width:845px;
    height: 500px;
    position: absolute;
    top:-35px;
    right: 0;
    left: -148px;
    bottom: 0;
    z-index: 10;
    background-image: url(../../images/website2/s-logo.png);
    background-repeat: no-repeat;
}
.active .s-logo{
    animation-name:slideInRight;
}
.active .wxy{
    animation-name:zoomIn;
}
.l-logo{
    text-align: center;
    margin: 0 auto;
}
.l-logo img{
    margin-top: 170px;
}
.earning-bg{
    position: relative;
    width: 616px;
    height: 668px;
    margin: 0 auto;
    background-image: url(../../images/website2/device-circle.png);
    background-repeat: no-repeat;
}
.mt3{
    margin-top:7.8431% ;
}
.earnings{
    width:850px;
    position: absolute;
    top:40px;
    right: 0;
    left:-62px;
    bottom: 0;
    z-index: 99;
    background-image: url(../../images/website2/system.png);
    background-repeat: no-repeat;
}
.active .earnings{
    animation-name:bounceInRight;
}
.loop{
    position: relative;
    width:939px;
    height:900px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-image: url(../../images/website2/circle-life.png);
    margin-top: -65px;
    padding-top:17.647059%;
}
.loop div{
    width: 590px;
    text-align: center;
    margin: 0 auto;
}
.tip1 img,
.tip2 img,
.tip3 img,
.tip4 .iconfont{ cursor:pointer;  }
.tip2{
    height:178px;
}
.loop div>div{
    width:50%;
}
.loop div>.lf{
    text-align: left;
}
.loop div>.rt{
    text-align: right;
}
.loop .loop-icon{
    position: absolute;
    top:38%;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 99;
    width:110px;
    height:110px;
}
.loop-icon .iconfont{
    font-size: 110px;
    color: #fff;
}
.active .tip1{
    animation-name:bounceInDown;
}
.active .tip2 .lf{
    animation-name:bounceInLeft;
}
.active .tip2 .rt{
    animation-name:bounceInRight;
}
.active .tip3{
    animation-name:bounceInUp;
}
.active .loop-icon{
    animation-name:zoomInDown;
}
.my-partner ul li{
    float: left;
}
.box .my-partner ul li{
    padding-bottom: 22px;
    padding-right: 23px;
}
.section7{
    width:1000px;
    height:600px;
    background-image:url(../../images/website2/partner.png);
    background-repeat: no-repeat;
    background-position: center 93%;
}
.box .my-partner ul li.clear-padding{
    padding-right: 0;
}
.mt4{
    margin-top: 17.0588%;
}
.active .l1,.active .l2, .active .l3,.active .l6,.active .l7, .active .l8, .active .l11{
    animation-name:zoomInLeft;
}
.active .l4,.active .l5,.active .l9,.active .l10,.active .l11,.active .l12,.active .l13,.active .l14,.active .l15{
    animation-name:zoomInRight;
}
.icon-hongbao1{
    color:#d8453b;
}
.icon-guanggao{
    color:#69aaee;
}
.icon-youhui{
    color:#ffaa0f;

}
.icon-shangchengjinbi{
    color:#2a9ac2;
}
.icon-changjing{
    color:#f1ab78;

}
.alert1,.alert2,.alert3,.alert4{
    position: absolute;
    width:260px;
    height:573px;
    top:40%;
    bottom: 0;
    right: 0;
    z-index: 1000;
}
.alert1 img,.alert2 img,.alert3 img,.alert4 img{ display: blockl;width: 100%; }
.alert2{
    left:25%;
}
.alert3{
    left:67%;
}
.alert1,.alert4{
    left: 25%;
}
.alert img{
    animation-name:bounceInLeft;

}
input::-webkit-input-placeholder{
    color: rgba(255, 255, 255, 0.66);
}
input::-moz-input-placeholder{
    color: rgba(255, 255, 255, 0.66);
}
input::-o-input-placeholder{
    color: rgba(255, 255, 255, 0.66);
}
input::-moz-input-placeholder{
    color: rgba(255, 255, 255, 0.66);
}
.icon-shangquan{
    color:#329f65;
}
.active .xysj li{
    animation-name:slideInLeft;
    cursor: pointer;
}
.icon-icon-test3{
    color:#ff4949;
}
.icon-icon-test2{
    color:#00abeb;
}
.icon-icon-test1{
    color:#00eb7f;
}
.icon-icon-test{
    color:#ffa842;
}
.section .content .white{
    color: #fff;
}
.mt5{
    margin-top: 5%;
}
/*.section9 .content{*/
    /*background-color:#000000;*/
/*}*/
.left-box{
    width:40%;
}
.right-box{
    width:56%;
}
.personal-info input,.address select{
    height:50px;
    line-height: 52px;
    width: 263px;
    background-color:transparent;
    border:1px solid #fff;
}
.address select{
    color: #fff;
}
li.address select{
    padding-left: 10px;
    width: 275px;
    background-color:#2a9afc;
}
.right-box input{
   padding-left: 10px;
    color: rgba(255, 255, 255, 0.66);
}
.personal-info input.lf,.address select.lf{
    margin-right: 6px;
}
.section9 .box ul li{
    padding-bottom:12px;
}
.corporation,.messagem,.btn{
    width: 100%;
}
.corporation input{
    width: 544px;
    display: block;
    height:52px;
    background-color:transparent;
    border:1px solid #fff;
}
.message input{
    width: 544px;
    display: block;
    height:97px;
    background-color:transparent;
    border:1px solid #fff;
}
.btn button{
    width: 554px;
    display: block;
    height:52px;
    background-color:#0972cd;
    border:1px solid #fff;
    font-size: 26px;
    color:#fff;
    margin-top: 50px;
}
.mt6{
    margin-top: 7%;
}
.bottom-box{
    position: absolute;
    bottom:0;
    left: 0;
    width:100%;
    height:58px;
    background-color:#107edd;
    z-index: 99;
}
.copyright {
    width: 100%;
    font-size: 12px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 58px;
    background-color: #127fdd;
    color: #fff;
}
.introduce-words{
    width: 675px;
    height: 207px;
    margin: 0 auto;
    position: relative;
    top:-4%;
    left: -12.555555%;
    background-image: url(../../images/website2/introduce.png);
    background-repeat: no-repeat;
}
.btn-group {
    position: absolute;
    top:68%;
    left: 20%;
    width: 1000px;
    margin: auto;
}
.btn-group .dwon-qrcode {
    display: none;
    /* display: block; */
    position: absolute;
    bottom: 95%;
    width: 100%;
    z-index: 100;
}
.active .introduce-words{
    animation-name:zoomInLeft;
}
.active .btn-group{
    animation-name:zoomInRight;
}
.header-menu li a {
    transition: all 0.6s;
}
.header-menu li:hover a {
    color: #2a9afc;
    font-size: 21px;
}
.btn-group a {
    position: relative;
    float: left;
    margin-right: 18px;
    /* width: 16.8%; */
    cursor: pointer;
}
.copyright {
     width: 100%;
     font-size: 12px;
     text-align: center;
     margin-top: 0;
     margin-bottom: 0;
     line-height: 58px;
     background-color: #127fdd;
     color: #fff;
 }
.active .left-box{
    animation-name:fadeInLeftBig;
}
.active .right-box{
    animation-name:fadeInRightBig;
}
.btn-group a:hover img{
    display: block;
}
.content-box{
    width:100%;
    height:100%;
}
.height{
    height: 100%;
}
.pop1{
    background-color: #d8463c;
}
.pop2{
    background-color: #6aabee;
}
.pop3{
    background-color: #ffab12;
}
.pop4{
    background-color: #2d9bc2;
}
.pop5{
    background-color: #f98f40;
}
.pop6{
    background-color: #34a067;
}
.banner{
    width: 100%;
    height:52px;
    background-color:#f5f5f5;
}
.layui-layer-setwin a.layui-layer-close2 {
    position: absolute;
    right: 19px;
    top: 82px;
    width: 30px;
    height: 30px;
    margin-left: 0;
    background-position: -149px -31px;
}

.layui-layer-close2{
    display: inline-block;
    width: 30px;
    height: 30px;
    position:absolute;
    z-index: 88;
    right: 40px;
    top: 80px;
    background-image: url(../../images/website2/x.png);
    background-size:30px 30px;
    z-index: 1000;
}
.pop-wrap{
    width:1094px;
    margin: 0 auto;
}
.pop-title{
    width:321px;
    height:119px;
    background: url(../../images/website2/y-title.png) no-repeat;
    margin:0 auto;
}
.pop-title2{
    width:321px;
    height:119px;
    background: url(../../images/website2/ad-title.png) no-repeat;
    margin:0 auto;
}
.pop-title3{
    width:321px;
    height:119px;
    background: url(../../images/website2/fyh-title.png) no-repeat;
    margin:0 auto;
}
.pop-title4{
    width:321px;
    height:119px;
    background: url(../../images/website2/jb-title.png) no-repeat;
    margin:0 auto;
}
.pop-title5{
    width:321px;
    height:119px;
    background: url(../../images/website2/cj-title.png) no-repeat;
    margin:0 auto;
}
.pop-title6{
    width:321px;
    height:119px;
    background: url(../../images/website2/xy-title.png) no-repeat;
    margin:0 auto;
}
.xy-bg{
    width:1100px;
    height:690px;
    background: url(../../images/website2/xy-bg.png) no-repeat;
    margin-top: 20px;
    padding-top: 40px;
    box-sizing: border-box;
}
.xy-iphone{
    width:283px;
    height: 600px;
    margin: 0 auto;
    background: url(../../images/website2/xy-iphone.png) no-repeat;
}
.pop01,.pop02,.pop03,.pop04{
    float: left;
    height:400px;
    width:239px;
}
.cj{
    width:1020px;
    height:699px;
    background: url(../../images/website2/cj-content.png) no-repeat;
}
.pop01{
    background: url(../../images/website2/jb1.png) no-repeat;
}
.pop02{
    background: url(../../images/website2/jb2.png) no-repeat;
}
.pop03{
    background: url(../../images/website2/jb3.png) no-repeat;
}
.pop04{
    background: url(../../images/website2/jb4.png) no-repeat;
}
.pop-left3{
    width:409px;
    height:439px;
    float: left;
    background: url(../../images/website2/fyh-left.png) no-repeat;
}
.pop-right3{
    width:427px;
    height:479px;
    float: left;
    background: url(../../images/website2/fyh-right.png) no-repeat;
}
.pop-center3{
    width:283px;
    height: 600px;
    float: left;
    background: url(../../images/website2/fyh-iphone.png) no-repeat;
}
.pt1{
    margin-top: 65px;
}
.pop-left{
    width:312px;
    height: 629px;
    background: url(../../images/website2/y-left.png) no-repeat;
}
.pop-left2,.pop-right2{
    height:479px;
    float: left;
}
.pop-left2{
    width:409px;
    background: url(../../images/website2/ad-left.png) no-repeat;
    margin-top: 172px;
}
.pop-right2{
    width: 383px;
    background: url(../../images/website2/ad-right.png) no-repeat;
    background-size: 100% auto;
    margin-top: -40px;
}
.pop-center2{
    width:283px;
    height: 600px;
    float: left;
    background: url(../../images/website2/ad-phone.png) no-repeat;
    background-size: 100% auto;
}
.pop-center{
    width:289px;
    margin-left:65px;
    margin-right: 40px;
    margin-top: 60px;
    height:609px;
    background: url(../../images/website2/y-iphone.png) no-repeat;
    /*background-size: 100% auto;*/
}
.pop-right{
    width:366px;
    height:629px;
    margin-top: 50px;
    background: url(../../images/website2/y-right.png) no-repeat;
}
.pt2{
    margin-top: 46px;
}
.pt3{
    margin-top: 86px;
}
.pt4{
    margin-top: 86px;
}
.pt5{
    margin-top: 181px;
}
.pt6{
    margin-top: 101px;
}
.pt8{
    margin-top:40px;
}
.pt7{
    margin-top: 150px;
    margin-left: 30px;
    margin-right: 30px;
}
.pt9{
    margin-top: 38px;
}
.layer{
    position: absolute;
    top:0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.content-box{
    position: relative;
}
.layer .pop-title{
    animation-name:zoomIn;
}
.layer .pop-left{
    animation-name:bounceInLeft;
}
.layer .pop-center{
    animation-name:bounceInUp;
}
.layer .pop-right{
    animation-name:bounceInRight;
}
.layer .pop-left2{
    animation-name:bounceInLeft;
}
.layer .pop-center2{
    animation-name:bounceInUp;
}
.layer .pop-right2{
    animation-name:bounceInRight;
}
.layer .pop-left3{
    animation-name:bounceInLeft;
}
.layer .pop-center3{
    animation-name:bounceInUp;
}
.layer .pop-right3{
    animation-name:bounceInLeft;
}
.layer .pop01,.layer .pop02,.layer .pop03,.layer .pop04{
    animation-name:bounceInUp;
}
.layer .pop01{
    animation-duration:1s;
}
.layer .pop02{
   animation-duration:2s;
}
.layer .pop03{
    animation-duration:2.5s;
}
.layer .pop04{
    animation-duration:3s;
}
.layer .cj{
    animation-name:zoomIn;
}
.layer .xy-iphone{
    animation-name:zoomIn;
}
.layer .xy-bg{
    animation-name:tada;
}
.aboutUs{
    text-align: center;
}
.aboutUs h4{
    font-size: 24px;
    color: #333;
    font-weight: normal;
    margin-bottom: 4%;
}
.aboutUs p{ font-size: 17px;color: #474747;margin-bottom: 2%; }
.aboutUs .about-address{ margin-top: 4%;margin-bottom: 3%; }
#aboutImages li{  width: 25%; }
#aboutImages li img{ display: block;width: 100%;}
#aboutImages li>div{ padding-left: 24px; }
#aboutImages{ margin-left: -24px; }
